<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>zuoye</title>
<style type="text/css">
.one{ margin: 8px;
    padding: 20px;
    margin:50px;}  
.two{ margin: 8px;
    padding: 20px;
    color: aliceblue;
    margin: 50px;
    }          
.three{
     width: 400px;
     height: 600px;    
     float: left;
     margin: 8px;
     padding: 20px;
     font-size: 12px;
     }
.four{
       margin: 50px;
       padding: 0px;
       float: right;
       border-style:solid;
       border-width: 1px;
       left: 40px;
       right: 100px;
    }  
.photo{width:600px ;
      height:40px;
      font-size: 12px;
    }
.d1,.d3,.d5,.d7{ font-size: 12px;
   
    background: linear-gradient(to right, #a5a3a2, #ecebea);
    width: 530px;
    height: 25px;
}
.d2,.d4,.d6,.d8{font-size: 12px;
    width: 530px;
    height: 25px;
    }     
.big{padding-left: 10px ;
    border-width: 1px;
    margin-left:20px;
    border-left-style: solid;}          
</style>
</head>
<body>
<div class="one">
    <img src="">   
    <span style="display: inline;">首页</span>
    <span style="display: inline;">产品地带</span>
    <span style="display: inline;">解决方案</span>
    <span style="display: inline;">技术支持</span>
    <span style="display: inline;">客户渠道</span>
    <span style="display: inline;">论坛</span>
    <p> <span style="display: inline;">Index</span>
        <span style="display: inline;">Froduct</span>
        <span style="display: inline;">Scheme</span>
        <span style="display: inline;">Instructor</span>
        <span style="display: inline;">channel</span>
        <span style="display: inline;">forum</span>
    </p>
</div> 
<div class="two">
    <span style="display: inline;">2006年01月25日</span> 
    <img src="">   
    <span style="display: inline;"><img src="56.gif">设为首页</span>
    <img src="">   
    <span style="display: inline;"><img src="56.gif">收藏本站</span>
    <img src="">   
    <span style="display: inline;"><img src="56.gif">联系我们</span>
    <img src="">   
    <span style="display: inline;"><img src="56.gif">关于</span>

</div>   
<div class="three">
<img src="">
<p>思念是风是去是婵娟</p>
<p>刘欣正在测试程序</p>
<p>Falsh大赛公告标题</p>
<p>公告标题添加公告</p>
<p>明日科技对图书的改革</p>
<img src="">
</div>
<div class="four">
    <div class="photo"><img src="24.gif"width=600px height=40px ></div>
    <div class="big">
    <div class="d1"><img src="56.gif"> 新一代电脑问世</div>
    <div class="d2"><img src="50.gif"> 搜索新闻</div>
    <div class="d3"><img src="56.gif"> 微软</div>
    <div class="d4"><img src="50.gif"> 沃达丰今年推新品</div>
    <div class="d5"><img src="56.gif"> 电子产品污染有控制</div>
    <div class="d6"><img src="50.gif"> 微软新闻</div>
    <div class="d7"><img src="56.gif"> 汉芯一代将问世</div>
    <div class="d8"><img src="50.gif"> AMD处理器2006年度最新蓝图</div>
    </div>
</div>
</body>    
</html>